@charset "utf-8";

@import url(reset.css);
/*@import url(internet_common.css);*/
@import url(menu.css);

/* = = = = = = = = = = = = = = */
/* L A Y O U T   G E N E R A L */
/* = = = = = = = = = = = = = = */
body {
  background-color:#F7F7F7;
  background-image:url(../images/fond_body.gif);
  background-repeat:repeat-x;

  font-family:Verdana, Arial, Helvetica, sans-serif;

  /* 1em -> 10px en taille par défaut */
  font-size: 62.5%;
  line-height:1.6em;
  color: #666;
}
#global {
  width: 974px;
  margin: 0 auto;
}

/* - - - - - - - - - - - - - */
/* z o n e   d ' e n t e t e */
/* - - - - - - - - - - - - - */
#head {
  /* fausses bordures */
  background-color: #FFF;
  background-image: url(../images/fond_head.gif);
  background-repeat: repeat-y;
  margin-bottom: 14px;
}
#head h1 {
  height: 2.1em;
  line-height: 2.1em;
  font-size: 2em;
  font-weight: normal;
  letter-spacing: .1em;
  color:#000;
  margin-bottom: .5em;
}
#headLogo img {
  height: 2.1em;
  vertical-align: middle;
}
/* marges sur les côtés pour compenser la fausse bordure */
#headLogo,
#menuContainer {
  margin: 0 2px;
  padding-left: 15px;
  padding-right: 15px;
}

/* bordure haut de page */
#headLogo {
  border-top: 4px solid #9DD63B;
  padding: 10px 15px 0;
}
#headContent {
  margin-top: .5em;
  /* arrondis en bas */
  margin-bottom: 7px;
  background: transparent url(../images/fond_head_fin.gif) center bottom no-repeat;

  /* compenser la fausse bordure du conteneur */
  padding-left: 17px;
  padding-right: 17px;
  position: relative;
  bottom: -7px;

  position: relative;
  clear: both;
}

/* - - - - - - - - - - - - */
/* p i e d   d e   p a g e */
/* - - - - - - - - - - - - */
#foot {
  clear: both;
  margin: .1em 1px 0;
  border-top: 15px solid #7A8582;
  position: relative;
  padding: .5em 0;
}
/* IE only */
#foot {
  /margin-top: -1.3em;
  zoom:1;
}
#foot h2 {
  font-size: 1.1em;
  font-weight: bold;
  background: transparent url(../images/plus.gif) right top no-repeat;

}

/* - - - - - - - - - - - */
/* c a d r e   p h o t o */
/* - - - - - - - - - - - */

.cadre { position: relative; top: -1px; }

.cadre .hg,
.cadre .hd,
.cadre .bg,
.cadre .bd {
  position: absolute;
  width: 14px;
  height: 14px;
  background-image: url(../images/rounded_cadre.gif);
  background-repeat: no-repeat;
}
.cadre .hg { left: -7px; top: -7px; }
.cadre .hd { right: -7px; top: -7px; }
.cadre .bg { left: -7px; bottom: -8px; }
.cadre .bd { right: -7px; bottom: -8px; }

/* les photos*/
#photoAccueil {
  float: right;
  display: inline;
  background: transparent url(../images/visuel_accueil.jpg) left top no-repeat;
  width: 705px;
  height: 310px;
  margin-bottom: 7px;
}
#photoPage {
  background: transparent url(../images/visuel_accueil.jpg) left top no-repeat;
  width: 940px;
  height: 0;
  margin-top: 14px;
}

/* - - - - - - - - - - - - - - - */
/* z o n e   p r i n c i p a l e */
/* - - - - - - - - - - - - - - - */
#main { margin: 2.5em 0 0 0; }
#main .contenu { font-size: 1.1em; }

/* les separateurs */
.sep {
  clear: both;
  visibility: hidden;
  height:1px ;
  margin-bottom: -1px;
}

/* ---------------- */
/* accueil extranet */
/* ---------------- */
#extranet #headContent {
  padding-top: 0;
}
#extranet #headLogo {
  padding-bottom: 0;
}
#main #page {
  width: 938px;
  margin: 0 auto;
}

#main #page .contenu .debutContenu {
  /* gestion de l'arrondi */
  position: relative;
  display: block;
  top: -7px;
  margin: 1em -1em;

  background: transparent url(../images/fond_connect.gif) center top no-repeat;
}

#main #page .contenu .finContenu {
  /* gestion de l'arrondi */
  display: block;
  clear: both;
  position: relative;
  top: 5px;
  height: 8px;
  margin: 1em -1em;
  background: transparent url(../images/fond_connect_fin.gif) center bottom no-repeat;
}


#main #page .contenu {
  clear: both;
  margin: 7px 0;
  border: 1px solid #C9CCCC;
  border-width: 0 1px;
  padding: 0 1em;
  background: #FFF url(../images/morphLogoAnimate.gif) 100px center no-repeat;
}


/* ---------------------- */
/* page générale extranet */
/* ---------------------- */

#logInfo {
  margin: .5em 0;
  padding-bottom: .5em;
  border-bottom: .1em dotted #999;
}

/* retour à l'authentifiaction */
#goAuth {
  float: right;
  padding-right: 10px;

}
#goToExtranetMenu {margin: 1em 0 0 0;}

/* ------------- */
/* page générale */
/* ------------- */




/* - - - - - - - - - - - - - - */
/* P A G E S   D ' E R R E U R */
/* - - - - - - - - - - - - - - */
#error #global {
  position: relative;
  width: 727px;
  margin: 10% auto 0;
  background-color: #FFF;
  border: 1px solid #C9CCCC;
  border-width: 0 1px;

  /height: 300px;
  min-height: 300px;
}
#error #global h1.main {
  /* arrondi */
  position: relative;
  top: -7px;
  background: transparent url(../images/fond_error.gif) center top no-repeat;
  margin: 0 -.1em;
  font-size: 2em;
  text-align: right;
  padding: .5em 1em;
  line-height: 2em;
  zoom: 1;
}
#error #global h1.main #logo {
  float: left;
}
#error #global .finContenu {
  /* gestion de l'arrondi */
  display: block;
  clear: both;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 7px;
  margin: 1em 0 -7px;
  background: transparent url(../images/fond_error_fin.gif) center bottom no-repeat;
}
#error #global #message {
  padding: 1em;
}
#error #global #message h1 {
  font-size: 1.5em;
  font-weight: bold;
  color: #8DC135;
}
#error #global #message h2 {
  font-size: 1.3em;
  margin-bottom: 1em;
}
#error #global p {
  width: 60%;
  margin: 1em auto;
}

/* - - - - - - - - - - - - - - */
/* P A G E S   D I S A B L E D */
/* - - - - - - - - - - - - - - */
#error.disabled #global #message {
  padding: 4.2em 1em 1em;
}

/* - - - - - - - - - - - - - - */
/* ElEMENT DE PAGE -TITRE H2   */
/* - - - - - - - - - - - - - - */
#page h2 {
font-size:2em;
font-weight:bold;
margin:-15px 0 1em 0;
}

/* - - - - - - - - - - - - - - - -*/
/* ElEMENT DE PAGE - Paragraphe P */
/* - - - - - - - - - - - - - - - -*/
p {
margin:1em 0;
text-indent:2em;
}
p.submit{
text-indent:0;
padding-left:155px;
}

table p {
margin:0;
text-indent:0;
}
fieldset.recherche li *, fieldset.recherche li select,fieldset.recherche ul, fieldset.recherche ul li {
  display:inline;
  float:left;
  background-color:#fff;
}
fieldset.recherche li table th, fieldset.recherche li table tr {
 border:none;
 display:inline;
 float: left;
 margin-left:-0.1em;
}

fieldset.recherche li table td{
   border:none;
 display:inline;
 margin-left:-0.6em;
}

fieldset.recherche li select option{
float:none;
display:block;
}

li p.submit{
 display:inline;
 padding-left:0px;
 margin: -0.2em 0 0 0;
}

ul.optionEtat li table tbody,ul.optionEtat li table th{
display:inline;
float:left;
background-color:#fff;
border:none;
text-align:justify;
 margin-left:-0.1em;
}

ul.optionEtat li table td{
border:none;
display:inline;
float:left;
margin-left:-0.6em;
background-color:#fff;
}
/* - - - - - - - - - - - - - - - -*/
/* ElEMENT DE FORMULAIRE          */
/* - - - - - - - - - - - - - - - -*/
.hidden input, input.hidden{
  border: none;
  background: transparent;
}

.hidden {
  display: none;
}

div#page .requis span{
  color: #D00000;
  font-size: 16px;
  font-weight: bold;
}

div#page .error_list, div#zoneDeTravail .erreurPublication{ /* default class for symfony errors */
  clear: both;
  color: red;
  font-size: 12px;
  padding: 7px 3px;
  list-style-type: none;
}

div#page div.accueil ul.error_list li, 
div#page ul.error_list li {
  text-align: center;
}

fieldset{
  list-style-type:none; 
  border: 1px solid #666;
  margin: 5px 0; 
  padding: 5px;
}
fieldset li {
  list-style-type: none;
  clear: both;
  display: block;
  margin: 2px 0;
}

fieldset li label,
fieldset li span.labelConsultation{
  list-style-type: none;
  display: inline;
  float: left;
  font-weight: normal;
  min-height: 16px;
  margin:2px 0 2px 0;
  padding:1px 10px 1px 0;
  text-align:right;
  width:155px;
}

.submit input, .submit a, .submit a:hover {
background:transparent url(../images/fond_submit.gif) left top no-repeat;
width:130px;
height:25px;
border:none;
display:inline;
float:left;
text-align:center;
color: #fff;
text-decoration: none;
margin: 0 1em;
line-height:25px;
font-weight:bold;
font-size: 1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* - - - - - - - - - - - - - - - -*/
/* TABLEAU                        */
/* - - - - - - - - - - - - - - - -*/

table{
  width:99%;
  border-collapse: collapse;
  border-color: #9DD63B; 
}

thead th{
  border-bottom: 2px solid #9DD63B;
  font-weight:bold;
  background-color: transparent;
}

th,td{
  border: 1px solid #9DD63B;
  padding: 3px; 
  text-align:center;
  background-color:#DFEFC2;
}

/* - - - - - - - - - - - - - - - -*/
/* LIEN                           */
/* - - - - - - - - - - - - - - - -*/

a{
font-weight: bold;
text-decoration: underline;
color: #666;
}

a:hover{
color: #9DD63B;
}

.pager img{
vertical-align:middle;
}

/* - - - - - - - - - - - - - - - -*/
/* FORM                           */
/* - - - - - - - - - - - - - - - -*/

.courriel{
width: 200px;
}

.telephone{
width: 108px;
}

.libelle{
  width: 300px;
}

.nom{
width: 200px;
}









/* --------------- */
/* Ajouté pour KCR
/* --------------- */

#page .contenu h2{
	text-align: center;
}

#page .contenu h3{
  clear: both;
  font-size: 12px;
  margin: 20px 0;
}

#page .contenu dl{
	clear: both;
	margin: 20px 0;
}

#page .contenu dl dt{
	clear: both;
	float: left;
	font-weight: bold;
	width: 320px;
}

#page .contenu dl dd{
	float: left;
  width: 400px;
}

#page .contenu ul li{
	margin: 5px;
}

#page .contenu tr.ko td{
	background-color: red;
}




#global #page .contenu #synthese tr.en-attente-reponse-client td{
  background-color: #8DA9EB;
}

#global #page .contenu #synthese tr.en-attente-reponse-kc td,#global #page .contenu #synthese tr.en-attente-validation-cp td {
  background-color: #53AC98;
}

#global #page .contenu #synthese tr.ferme td{
  background-color: #B9C2C4;
}

ul.resultats li{
  padding: 5px;
}

#global #page .contenu #synthese th.libelle-reponse{
  width: 200px;
}

#global #page .contenu #synthese th.libelle-question{
  width: 200px;
}

#global #page .contenu #synthese td.libelle-question,
#global #page .contenu #synthese td.libelle-reponse{
  text-align: left;
}

#global #page .contenu #synthese th.ascendant a,
#global #page .contenu #synthese th.descendant a{
  color: #8DA9EB;
}

ul.pagination{
  margin: 10px auto;
  text-align: right;
}

ul.pagination li{
  margin: 10px;
  min-height: 17px;
  display: inline;
  padding: 2px;
  width: 100px;
}

#global #page .contenu #synthese td strong{
  font-weight: bold;
  text-decoration: underline;
}

#synthese #filtres, #synthese #colonne, p#launch-reindex{
  color: #666;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}

.ui-progressbar-value { background-image: url(images/pbar-ani.gif); }

div.mon-compte{
  border: 1px solid #000;
  float: right;
  height: 90px;
  margin: 3px 10px;
  padding: 3px;
  width: 350px;
}

ol li p strong{
  font-weight: bold;
}